<div class="page" data-page="add">
    <div class="navbar bgcolor">
        <div class="navbar-inner sliding bgcolor">
            <div class="left">
                <a href="#" class="link back">
                    <i class="icon icon-back"></i>
                    <span class="ios-only">Back</span>
                    <span>返回</span>
                </a>
            </div>
            <div class="title">试飞信息发布</div>
        </div>
    </div>
    <div class="page-content">
        <div class="block-title">我发布的</div>

        <!--<div class="row  block-title">我发布的</div>-->
        <!--<div class="toolbar tabbar">-->
        <!--<div class="toolbar-inner">-->
        <!--<span>我发布的</span>-->
        <!--&lt;!&ndash;<a href="#" class="tab-link bg-color-white" data-tab="tab1" >我发布的</a>&ndash;&gt;-->
        <!--</div>-->
        <!--</div>-->
        <div id="releaseInfo">

            <div class="block-title">Form Example</div>
            <div class="list no-hairlines-md">
                <ul>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Name</div>
                                <div class="item-input-wrap">
                                    <input type="text" placeholder="Your name" class="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">E-mail</div>
                                <div class="item-input-wrap">
                                    <input type="email" placeholder="E-mail">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">URL</div>
                                <div class="item-input-wrap">
                                    <input type="url" placeholder="URL">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Password</div>
                                <div class="item-input-wrap">
                                    <input type="password" placeholder="Password">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Phone</div>
                                <div class="item-input-wrap">
                                    <input type="tel" placeholder="Phone">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input item-input-with-value">
                            <div class="item-inner">
                                <div class="item-title item-label">Gender</div>
                                <div class="item-input-wrap">
                                    <select class="input-with-value">
                                        <option>Male</option>
                                        <option>Female</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input item-input-with-value">
                            <div class="item-inner">
                                <div class="item-title item-label">Birth date</div>
                                <div class="item-input-wrap">
                                    <input type="date" placeholder="Birth day" value="2014-04-30"
                                           class="input-with-value">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title">Toggle</div>
                                <div class="item-after">
                                    <label class="toggle toggle-init">
                                        <input type="checkbox">
                                        <span class="toggle-icon"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Slider</div>
                                <div class="item-input-wrap">
                                    <div class="range-slider range-slider-init range-slider-label" data-label="true">
                                        <input type="range" value="50" min="0" max="100" step="1">
                                        <div class="range-bar">
                                            <div class="range-bar-active" style="width: 50%;"></div>
                                        </div>
                                        <div class="range-knob-wrap" style="left: 164px;">
                                            <div class="range-knob"></div>
                                            <div class="range-knob-label">50</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="align-top">
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Textarea</div>
                                <div class="item-input-wrap">
                                    <textarea placeholder="Bio"></textarea>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="align-top">
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Resizable</div>
                                <div class="item-input-wrap">
                                    <textarea placeholder="Bio" class="resizable"></textarea>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="block-title">Buttons</div>
            <div class="block block-strong">
                <p class="row">
                    <a href="#" class="col button">Button</a>
                    <a href="#" class="col button button-fill">Fill</a>
                </p>
                <p class="row">
                    <a href="#" class="col button button-raised">Raised</a>
                    <a href="#" class="col button button-raised button-fill">Raised Fill</a>
                </p>
                <p class="row">
                    <a href="#" class="col button button-round">Round</a>
                    <a href="#" class="col button button-round button-fill">Round Fill</a>
                </p>
                <p class="row">
                    <a href="#" class="col button button-outline">Outline</a>
                    <a href="#" class="col button button-round button-outline">Outline Round</a>
                </p>
                <p class="row">
                    <a href="#" class="col button button-small button-outline">Small</a>
                    <a href="#" class="col button button-small button-round button-outline">Small Round</a>
                </p>
                <p class="row">
                    <a href="#" class="col button button-small button-fill">Small</a>
                    <a href="#" class="col button button-small button-round button-fill">Small Round</a>
                </p>
                <p class="row">
                    <a href="#" class="col button button-big button-raised">Big</a>
                    <a href="#" class="col button button-big button-fill button-raised">Big Fill</a>
                </p>

                <p class="row">
                    <a href="#" class="col button button-big button-fill button-raised color-red">Big Red</a>
                    <input type="submit" value="Big Green"
                           class="col button button-big button-fill button-raised color-green">
                </p>

            </div>
            <div class="block-title">Checkbox group</div>
            <div class="list">
                <ul>
                    <li>
                        <label class="item-checkbox item-content">
                            <input type="checkbox" name="checkbox" value="Books" checked="checked">
                            <i class="icon icon-checkbox"></i>
                            <div class="item-inner">
                                <div class="item-title">Books</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="item-checkbox item-content">
                            <input type="checkbox" name="checkbox" value="Movies">
                            <i class="icon icon-checkbox"></i>
                            <div class="item-inner">
                                <div class="item-title">Movies</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="item-checkbox item-content">
                            <input type="checkbox" name="checkbox" value="Food">
                            <i class="icon icon-checkbox"></i>
                            <div class="item-inner">
                                <div class="item-title">Food</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="item-checkbox item-content">
                            <input type="checkbox" name="checkbox" value="Drinks">
                            <i class="icon icon-checkbox"></i>
                            <div class="item-inner">
                                <div class="item-title">Drinks</div>
                            </div>
                        </label>
                    </li>
                </ul>
            </div>
            <div class="block-title">Radio buttons group</div>
            <div class="list">
                <ul>
                    <li>
                        <label class="item-radio item-content">
                            <input type="radio" name="radio" value="Books" checked="checked">
                            <i class="icon icon-radio"></i>
                            <div class="item-inner">
                                <div class="item-title">Books</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="item-radio item-content">
                            <input type="radio" name="radio" value="Movies">
                            <i class="icon icon-radio"></i>
                            <div class="item-inner">
                                <div class="item-title">Movies</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="item-radio item-content">
                            <input type="radio" name="radio" value="Food">
                            <i class="icon icon-radio"></i>
                            <div class="item-inner">
                                <div class="item-title">Food</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="item-radio item-content">
                            <input type="radio" name="radio" value="Drinks">
                            <i class="icon icon-radio"></i>
                            <div class="item-inner">
                                <div class="item-title">Drinks</div>
                            </div>
                        </label>
                    </li>
                </ul>
            </div>
        </div>

        <!--<div class="tabs-swipeable-wrap">-->
        <!--<div class="tabs tabs-top">-->
        <!--<div class=" tab tab-active" id="tab1">-->
        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing-->
        <!--elit. Ullam enim quia molestiae facilis-->
        <!--laudantium voluptates obcaecati officia cum, sit libero commodi. Ratione illo suscipit-->
        <!--temporibus sequi iure ad laboriosam accusamus?</p>-->
        <!--<div class="card">-->
        <!--&lt;!&ndash;<div class="card-header">Header</div>&ndash;&gt;-->
        <!--<div class="card-content">-->
        <!--voluptates obcaecati officia cum, sit libero commodi. Ratione illo suscipit-->
        <!--temporibus sequi iure ad laboriosam accusam-->
        <!--</div>-->
        <!--<div class="card-footer">Footer-->
        <!--<span class="right">详情</span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="card">-->
        <!--&lt;!&ndash;<div class="card-header">Header</div>&ndash;&gt;-->
        <!--<div class="card-content">-->
        <!--voluptates obcaecati officia cum, sit libero commodi. Ratione illo suscipit-->
        <!--temporibus sequi iure ad laboriosam accusam-->
        <!--</div>-->
        <!--<div class="card-footer">Footer-->
        <!--<a href=""><span class="right">详情</span> </a>-->
        <!--<a href="#" class="button button-raised">Create Dynamic Popup</a>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="card">-->
        <!--&lt;!&ndash;<div class="card-header">Header</div>&ndash;&gt;-->
        <!--<div class="card-content">-->
        <!--voluptates obcaecati officia cum, sit libero commodi. Ratione illo suscipit-->
        <!--temporibus sequi iure ad laboriosam accusam-->
        <!--</div>-->
        <!--<div class="card-footer">Footer-->
        <!--<span class="right">详情</span>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="card">-->
        <!--&lt;!&ndash;<div class="card-header">Header</div>&ndash;&gt;-->
        <!--<div class="card-content">-->
        <!--voluptates obcaecati officia cum, sit libero commodi. Ratione illo suscipit-->
        <!--temporibus sequi iure ad laboriosam accusam-->
        <!--</div>-->
        <!--<div class="card-footer">Footer-->
        <!--<span class="right">详情</span>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->


    </div>
</div>
